<template>
    <div class="outermost">
        <div class="tile">
            <div>
                车险极速投保通道
            </div>
        </div>
        <div class="bg">
            <img alt="" src="~assets/zhitong/bg.png" width="100%">
        </div>
        <div class="bottom">
            <x-button class="btn" type="primary" action-type="button" @click.native="goInsureCar">车险投保</x-button>
            <x-button class="btn" type="primary" action-type="button" @click.native="goApply">合作申请</x-button>
        </div>
    </div>
</template>

<script>
import { RequestUrl } from "src/common/url";
import { RouteUrl } from "src/common/const";
import { XInput, XButton } from "vux";
export default {
    components: { XInput, XButton },
    data() {
        return {
        }
    },
    methods: {
        //路由到车险投保
        goInsureCar() {
            window.location.href = RequestUrl.ZHI_TONG_INSURE
            // alert("建设中……");
        },
        //路由到合作申请
        goApply() {
            this.$common.goUrl(this, RouteUrl.INSURE_TWO);
        }
    },
    mounted() {
        document.title = "车险易";
        this.$init.subPageInit(this);
    }
}
</script>

<style lang="scss" scoped>
.outermost {
  width: 100%;
  height: 100vh;
  background-color: #f0f8fb;

  .tile {
    width: 80%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    padding-top: 30px;
    margin: 0px auto;
    color: #2ea2df;
    font-weight: bold;
  }

  .bg {
    width: 80%;
    margin: 0px auto;
  }
  .bottom {
    .btn {
      width: 90%;
      margin: 30px auto;
    }
    .weui-btn_primary {
      background-color: #2ea2df;
    }
  }
}
</style>

